import React from 'react'
import './page_footing.css'
// 解决方案
const page_footing: React.FC = () => {
  return (
    <div className='Solution'>
      <h1>选择适合您团队/企业的解决方案</h1>
      <div className='programme'>
        <div className="vip" style={{ background: "#fffbea" }}>
          <img src="https://s.ibaotu.com/next/img/new/v-1.c28f.png" alt="" />
          <h2>个人VIP</h2>
          <button style={{ background: "yellow" }}>立即加入</button>
          <p>
            <b>适用场景</b>
            <span>仅限个人学习、 交流使用</span>
          </p>
          <p>
            <b>商用权益</b>
            <span>仅限个人学习、 交流使用</span>
          </p>
          <p>
            <b>对应权益</b>
            <span>相关素材高速下载、专属客服及时响应、在线发票申请</span>
          </p>
        </div>
        <div className="vip" style={{ background: "#f7efeff5" }}>
          <img src="https://s.ibaotu.com/next/img/new/v-2.5a48.png" alt="" />
          <h2>个人VIP</h2>
          <button style={{ background: "#ccc" }}>立即加入</button>
          <p>
            <b>适用场景</b>
            <span>用于企业的线上宣传、线下物料活动、广告传媒用途、转售品用途等</span>
          </p>
          <p>
            <b>商用权益</b>
            <span>企业可商用</span>
          </p>
          <p>
            <b>对应权益</b>
            <span>相关素材高速下载、专属客服及时响应、在线发票申请</span>
          </p>
        </div>
        <div className="vip" style={{ background: "#fff2e5" }}>
          <img src="https://s.ibaotu.com/next/img/new/v-3.f421.png" alt="" />
          <h2>个人VIP</h2>
          <button style={{ background: "orange" }}>立即加入</button>
          <p>
            <b>适用场景</b>
            <span>无需设计能力，线上编辑、快速出图</span>
          </p>
          <p>
            <b>商用权益</b>
            <span>个人可商用</span>
          </p>
          <p>
            <b>对应权益</b>
            <span>相关素材高速下载、专属客服及时响应、在线发票申请</span>
          </p>
        </div>
        <div className="vip" style={{ background: "#ffe6e5" }}>
          <img src="	https://s.ibaotu.com/next/img/new/v-4.9fab.png" alt="" />
          <h2>个人VIP</h2>
          <button style={{ background: "red" }}>立即加入</button>
          <p>
            <b>适用场景</b>
            <span>行政事业单位用于网络媒体、传统媒体、活动物料、广告投放等</span>
          </p>
          <p>
            <b>商用权益</b>
            <span>相关素材高速下载、专属客服及时响应、在线发票申请</span>
          </p>

        </div>
      </div>



    </div>
  )
}

export default page_footing
